@import url('rem.less');
#ManagerCenter{
  background: #F5F5F9;
  .bar-init {
    background: @title-color;
  }
  .color-init {
    color: #FFFFFF;
    background: none;
  }
  .button-css-init {
    background: none;
  }
  .button-background {
    background: @title-color;
    color: #FFFFFF;
  }
  .input-css {
    background: #F5F5F9;
    border: 1px solid #CDCDCD;
    border-radius: 76px;
    padding-left: 11/20rem;
    width: 280/20rem;
  }
  .item-input-reset{
    padding: 6px 0 5px 5px;
    background: #F5F5F9;
    border: 1px solid #959595;
    border-radius: 4px;
    vertical-align: text-bottom;
    width: 104/20rem;
    height: 24.2/20rem;
  }
  .button-search {
    background: #E42929;
    border-radius: 4/20rem;
    line-height: 24.2/20rem;
    outline: none;
    border:none;
  }
  .item-css-reset{
    background: #E42929;
    border-radius: 5px 5px 0 0;
    color: #F5F5F9;
    text-align: center;
    margin: 0;
    font-size: 18/20rem;
  }
  .list-css-reset{
    margin:10/20rem 5/20rem;
  }
  .font-white{
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
  }
  .font-orange{
    font-size: 14px;
    color: #FFCD6B;
    letter-spacing: 0;
  }
  .row-background{
    background: #F83542;
  }
  .item-input-reset{
    padding: 6px 0 5px 5px;
  }
  .input-css {
    background: #F5F5F9;
    border: 1px solid #959595;
    border-radius: 4px;
  }
  .row-reset{
   margin: 10/20rem 0;
    vertical-align: middle;
    padding:14/20rem 0;
    border:none;
    display: flex;
    justify-content: center;
  }
  .row-reset>div{
    height: 24.2/20rem;
    text-align: center;
    line-height: 24.2/20rem;
  }
  .row-line{
    margin:0 ;
    border: none;
    background: #FFFFFF;
    border-radius: 10/20rem;
  }
  .col-bottom-border{border-bottom: dashed 1px #D3D3D3;}
  .col-border-right{
    border-right: dashed 1px #D3D3D3;
  }
  .item-header{
    height: 200/20rem;
    background: #D0021B;
    font-size: 16/20rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    border-bottom-left-radius: 30%;
    border-bottom-right-radius: 30%;
    border:none;
    margin:0;

  }
  .col-border{
    width: 1px;
    padding: 0;
    margin-top: 0.6rem;
    height: 35/20rem;
    border:1px solid #FFFFFF;
  }
  .head-icon{
    height: 100/20rem;
    width: 100/20rem;
    border-radius: 50/20rem;
    border: 2px solid #FFFFFF;
    margin: 20/20rem auto;
    font-size: 100/20rem;
    color: #FFFFFF;
    background:  red;
  }
  .assertive-name{
    color: #FFFFFF;
  }
  .col-border{
    width: 1px;
    padding: 0;
    margin-top: 0.6rem;
    height: 35/20rem;
    border:1px solid  #D1D1D1;;
  }
  .user-info{
    background: #FFFFFF;
    border-radius: 5px;
    margin-top: 0;
  }
  .font-back{
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
  }
  .list-border{
    margin:10/20rem;
  }
  .item-radius{
    border-radius: 10/20rem;
    /*padding: 5px;*/
  }
  .item-sup{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .item-sub{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .button-reset{
    border-color: #D51B32;
    background-color: #f8f8f8;
    color: #D51B32;
    position: absolute;
    display: inline-block;
    margin: 0;
    padding: 5/20rem;
    /* min-width: 52px; */
     min-height: 20px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    vertical-align: top;
    text-align: center;
    text-overflow: ellipsis;
    line-height: 20/20rem;
    cursor: pointer;
    right: 1rem;
    top:0.5rem;
  }
  .text-right{
    position: absolute;
    right: 0.5rem;
    font-size: 30/20rem;
    color: #DFDFDF;
  }
  .card-list{
    height: 267/20rem;
    border-radius: 5/20rem;
  }
  .card-list .item{
    padding: 1rem;
  }
}